import React from 'react';
import './NewHubButton.scss';
import Button from '@mui/material/Button';


function NewHubButton({func}) {
    const buttonStyle = {
        backgroundColor: "#F4F4F4", 
        // color: theme.palette.text.secondary,
        boxShadow: "none",
        height: "3.5cm", 
        width: "6cm", 
        display: "flex",
        alignItems: "center", 
        flexDirection: "column", 
        justifyContent: "center", 
        flexWrap: "wrap", 
        color: "#ADADAD", 
        fontWeight: "bold",
        padding: "10px",
        borderRadius: "10px", 
        border: "3px", 
        borderColor: "#DFDFDF",
        borderStyle: "dashed", 
        transition: "200ms",
    }
    return (
        <Button id="HubButton" onClick={func} style={buttonStyle}>
            <img src='Union-light.svg' width="35m" alt='union' 
                 style={{marginRight: "8px", marginBottom: "10px"}}/>
            Добавить хаб
        </Button>
    )
}

export default NewHubButton;

